<template>
  <div id="app">
    <Header/>
    <div class="main">
      <router-view name="slideBar"></router-view>
      <router-view name="main"></router-view>
    </div>
  </div>
</template>

<script>
  import Header from './components/Header'
  import PostList from './components/PostList'
  export default {
    name: 'App',
    components: {
      Header,
      PostList
    }
  }
</script>

<style>
  body {
    background-color: #e1e1e1;
  }
  * {
    margin: 0;
    padding: 0;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  ul, ol {
    list-style: none;
  }
  .loading {
    width: 50px;
    height: 50px;
    margin: 40vh auto 60vh auto;
  }
</style>
